<script setup>
import { onMounted } from 'vue'
import image from './../assets/images/default.webp'
// import image from './../assets/vue.svg'

const images = Array.from({ length: 100 }, () => image)

onMounted(() => {
  // console.log('mounted', images)
})
</script>

<template>
  <div>
    <div>TestLazy</div>
    <div class="images" v-for="(imgUrl, i) of images" :key="i">
      <img v-lazy="imgUrl" src="" alt="" />
    </div>
  </div>
</template>

<style>
.images img {
  width: 200px;
  opacity: 0.2;
}
</style>
